<template>
    <div class="box">
        <div class="box-header">
            <img src="@/assets/large-screen/title/on-one.png" />
            <span class="box-header-title">风险人员提示</span>
        </div>
        <div class="box-tabs">
            <span :class="activeTab=='oneIn'?'on':''" @click="onTab('oneIn')">一线进境重点人员</span>
            <span :class="activeTab=='oneOut'?'on':''" @click="onTab('oneOut')">一线出境重点人员</span>
            <span :class="activeTab=='two'?'on':''" @click="onTab('two')">二线出岛重点人员</span>
        </div>
        <div class="box-content">
            <RiskPersonTable></RiskPersonTable>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import RiskPersonTable from './RiskPersonTable.vue'
const activeTab = ref('oneIn')

function onTab(tab: string) {
    activeTab.value = tab
}
</script>


<style lang="less" scoped>
</style>